<ion-modal-view id="wallet-balance">
  <ion-header-bar align-title="center" ng-class="{'wallet-background-color-default': !wallet.color}" ng-style="{'background-color': wallet.color}">
    <button class="button button-clear" ng-click="close()" translate>
      Close
    </button>
    <div class="title">
      {{wallet.name}}
    </div>
    <div class="buttons buttons-right header-item">
      <span class="secondary-buttons">
        <button class="button button-clear" ng-click="updateAll(true)">
          <i class="icon ion-ios-refresh-empty"></i>
        </button>
    </span>
  </div>
  </ion-header-bar>
  <ion-content>
    <div class="wallet-balance__heading" translate>All of your wificoin wallet balance may not be available for immediate spending.</div>
    <div class="wallet-balance__list list card">
      <div class="wallet-balance__item item">
        <img class="wallet-balance__icon" src="img/icon-sigma.svg" height="18" width="18"\>
        <div class="wallet-balance__content no-border">
          <div class="wallet-balance__title" translate>Total</div>
          <span class="item-note text-right wallet-balance__amount">
            <span class="wallet-balance__amount wallet-balance__amount--total">
              {{status.totalBalanceStr}}
            </span>
            <div>
            </div>
          </span>
        </div>
      </div>
      <div class="wallet-balance__description" translate>The total amount of wificoin stored in this wallet.</div>
    </div>
    <div class="wallet-balance__list list card">
      <div class="wallet-balance__item item">
        <i class="wallet-balance__icon icon ion-ios-checkmark-outline"></i>
        <div class="wallet-balance__content no-border">
          <div class="wallet-balance__title" translate>Available</div>
          <span class="item-note text-right wallet-balance__amount">
            <span class="wallet-balance__amount wallet-balance__amount--available">
              {{status.availableBalanceStr}}
            </span>
            <div>
            </div>
          </span>
        </div>
      </div>
      <div class="wallet-balance__description" translate>The amount of wificoin immediately spendable from this wallet.</div>
    </div>
    <div class="wallet-balance__list list card">
      <div class="wallet-balance__item item">
        <img class="wallet-balance__icon" src="img/icon-confirming-clear.svg" width="18"\>
        <div class="wallet-balance__content no-border">
          <div class="wallet-balance__title" translate>Confirming</div>
          <span class="item-note text-right wallet-balance__amount">
            <span class="wallet-balance__amount wallet-balance__amount--confirming">
              {{status.pendingBalanceStr}}
            </span>
            <div>
            </div>
          </span>
        </div>
      </div>
      <div class="wallet-balance__description" translate>The amount of wificoin stored in this wallet with less than 1 blockchain confirmation.</div>
    </div>
    <div class="wallet-balance__list list card" ng-show="status.lockedBalanceSat!=0">
      <div class="wallet-balance__item item">
        <img class="wallet-balance__icon" src="img/icon-lock.svg" width="18"\>
        <div class="wallet-balance__content no-border">
          <div class="wallet-balance__title" translate>Locked</div>
          <span class="item-note text-right wallet-balance__amount">
            <span class="wallet-balance__amount wallet-balance__amount--locked">
              {{status.lockedBalanceStr}}
            </span>
            <div>
            </div>
          </span>
        </div>
      </div>
      <div class="wallet-balance__description" translate>The amount of wificoin stored in this wallet that is allocated as inputs to your pending transaction proposals. or immature balance.</div>
    </div>
  </ion-content>
</ion-modal-view>
